<!-- START SLIDER -->
    <div class="slide_bg violet">
    <div class="slide_bg_bottom">
        <div class="slide_big">
            <div id="slides">
                <!-- SLIDER PREVIOUS BUTTON -->
                <div class="slide_prev">
                    <a href="javascript:void(0)" class="prev" rel="4">
                        <span class="prev_first"></span>
                        <span class="prev_last"></span>
                    </a>
                </div>
                <!-- END SLIDER PREVIOUS BUTTON -->
                
                <!-- START SLIDER CONAINTER -->
                <div class="slider">
                    <div class="slides_container"> 
                        <!-- START SLIDE #1 -->
                        <div class="slide">
                            <div class="text">
                                <h1>Multi Tasking</h1> 
                                <p>    Mauris vel viverra tortor. Maecenas lobortis tincidunt ornare. Proin ullamcorper mattis massa ut consequat. Aliquam erat volutpat. </p>
                                <p class="grey">Sed augue lacus, dignissim nec ullamcorper at, lacinia quis diam. Cras sit amet urna nisl. </p>
                                
                                <div class="clear padding20"></div>
                                
                                <a href="#" class="button_download">
                                    <span class="strong">Download for iPhone</span>
                                    <span class="info">Version: 1.0.1   26.3 Mb</span>
                                </a>
                                
                                <div class="float_left">
                                or
                                </div>
                                
                                <a href="#" class="button_call">
                                    <span class="strong">Give us a call</span>
                                    <span class="info">Questions ? Let us know.</span>
                                </a>
                            </div>
                            <div class="image">
                                <img src="<?php echo THEME_RELATIVE?>images/slide_image_1.png" alt="" style="padding-left:30px;" />
                            </div>
                        </div>
                        <!-- END SLIDE #1 -->
                        
                        <!-- START SLIDE #2 -->
                        <div class="slide">
                            <div class="text">
                                <h1>Share and Watch Videos</h1> 
                                <p>    Mauris vel viverra tortor. Maecenas lobortis tincidunt ornare. Proin ullamcorper mattis massa ut consequat. Aliquam erat volutpat. </p>
                                <p class="grey">Sed augue lacus, dignissim nec ullamcorper at, lacinia quis diam. Cras sit amet urna nisl. </p>
                                
                                <div class="clear padding20"></div>
                                
                                <a href="#" class="button_download">
                                    <span class="strong">Download for iPhone</span>
                                    <span class="info">Version: 1.0.1   26.3 Mb</span>
                                </a>
                                
                                <div class="float_left">
                                or
                                </div>
                                
                                <a href="#" class="button_call">
                                    <span class="strong">Give us a call</span>
                                    <span class="info">Questions ? Let us know.</span>
                                </a>
                            </div>
                            <div class="image vimeo">
                                <iframe width="420" height="250" frameborder="0"></iframe>
                            </div>
                        </div>
                        <!-- END SLIDE #2 -->
                        
                        <!-- START SLIDE #3 -->
                        <div class="slide">
                            <div class="text">
                                <h1>Getting Started</h1> 
                                <p>    Mauris vel viverra tortor. Maecenas lobortis tincidunt ornare. Proin ullamcorper mattis massa ut consequat. Aliquam erat volutpat. </p>
                                <p class="grey">Sed augue lacus, dignissim nec ullamcorper at, lacinia quis diam. Cras sit amet urna nisl. </p>
                                
                                <div class="clear padding20"></div>
                                
                                <a href="#" class="button_download">
                                    <span class="strong">Download for iPhone</span>
                                    <span class="info">Version: 1.0.1   26.3 Mb</span>
                                </a>
                                
                                <div class="float_left">
                                or
                                </div>
                                
                                <a href="#" class="button_call">
                                    <span class="strong">Give us a call</span>
                                    <span class="info">Questions ? Let us know.</span>
                                </a>
                            </div>
                            <div class="image">
                                <img src="<?php echo THEME_RELATIVE?>images/slide_image_3.png" alt="" />
                            </div>
                        </div>
                        <!-- END SLIDE #3 -->
                        
                        <!-- START SLIDE #4 -->
                        <div class="slide">
                            <div class="image big">
                                <img src="<?php echo THEME_RELATIVE?>images/slide_image_2.png" alt="" />
                            </div>
                        </div>
                        <!-- END SLIDE #4 -->
                    </div>
                </div>
                <!-- END SLIDER CONAINTER -->
                
                <!-- SLIDER NEXT BUTTON -->
                <div class="slide_next">
                    <a href="javascript:void(0)" class="next" rel="4">
                        <span class="next_first"></span>
                        <span class="next_last"></span>
                    </a>
                </div>
                <!-- END SLIDER NEXT BUTTON -->
                
                <div class="clear"></div>
                
                <!-- SLIDER PAGINATION -->
                <div class="pages">    
                    <ul class="pagination">
                        <li>
                            <a href="#" class="li_1">
                                <img src="<?php echo THEME_RELATIVE?>images/li_image_1.png" alt="" />
                                <span class="title">Multiple Users</span>
                                <span class="text">
                                    Create tasks to keep track of what needs to get done.
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="li_2">
                                <img src="<?php echo THEME_RELATIVE?>images/li_image_2.png" alt="" />
                                <span class="title">Multiple Tasking</span>
                                <span class="text">
                                    Create tasks to keep track of what needs to get done.
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="li_3">
                                <img src="<?php echo THEME_RELATIVE?>images/li_image_3.png" alt="" />
                                <span class="title">Edit and Merge</span>
                                <span class="text">
                                    Create tasks to keep track of what needs to get done.
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="li_4">
                                <img src="<?php echo THEME_RELATIVE?>images/li_image_4.png" alt="" />
                                <span class="title">Cut and Copy</span>
                                <span class="text">
                                    Create tasks to keep track of what needs to get done.
                                </span>
                            </a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div>    
                <!-- END SLIDER PAGINATION -->
            </div>
        </div>
        <!-- START TOOLTIPS -->
        <div id="download_tooltip" class="tooltip">
            <div class="tooltip_container download_tooltip">
                <div class="tooltip_content">
                    <p>
                        <span>System:</span> Mac Os X<br />
                        <span>Version:</span> 1.0.1 <br />
                        <span>Trial Version:</span>  15 days
                    </p>
                </div>    
            </div>
            <div class="tooltip_arrow"></div>
        </div>
        <div id="call_tooltip" class="tooltip">
            <div class="tooltip_container download_tooltip">
                <div class="tooltip_content">
                    <p>
                        <strong>258 685 3521 5851</strong>
                    </p>    
                    <p>    
                        Our call center is avaible 24/7 <br />
                        Feel free to request a quote by phone
                    </p>
                </div>    
            </div>
            <div class="tooltip_arrow"></div>
        </div>
        <!-- END TOOLTIPS -->
    </div>
    </div>
    <!-- END SLIDER -->